.app {
  padding: 20px;
  font-family: 'Arial', sans-serif;

  .main-card {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;

    .ant-card {
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;

      .ant-card-head {
        border-bottom: 1px solid #f0f0f0;
      }

      .ant-card-body {
        padding: 20px;
      }

      .markdown-code-block {
        background-color: #f7f7f7;
        padding: 10px;
        border-radius: 5px;
        margin: 20px 0;
        font-family: 'Courier New', Courier, monospace;
        white-space: pre-wrap;
        word-wrap: break-word;
      }

      .ant-typography-title {
        margin-bottom: 16px;
      }

      .ant-typography-paragraph {
        margin-bottom: 8px;
      }

      .ant-typography-text {
        color: #0066cc;
      }

      code {
        padding: 2px 4px;
        border-radius: 3px;
        font-family: 'Courier New', Courier, monospace;
      }

      ul {
        margin: 10px 0;
        padding-left: 20px;
        list-style-type: disc;

        li {
          margin: 8px 0;
        }
      }
    }
  }
}
